<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>巡检报告</title>
    <style type="text/css">
       .wrapper {position: relative;}
       #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
    </style>


<!--     <style>
        body,ul{
            margin:0;/*清除默认标签*/
        }
        ul{
            padding-left:0;
            list-style:none;
        }
        textarea{
            display:block;
            width:500px;
            height:200px;
            margin:100px auto 0;
        }
        .btn{
            width:500px;
            margin:10px auto;
            text-align:right;
        }
        .msg{
            margin:0 auto;
            width:500px;
        }
        .msglist{
            line-height:50px;
            border-bottom:1px dashed #ccc;
            text-indent: 2em;/*开头空两个字符*/
        }
    </style> -->
</head>
<body>
     <id="text3">
如果有故障，请在输入框输入故障内容，等时间显示后，再点复制。</p>
<!-- <textarea cols="30" rows="10"></textarea> -->
<textarea style="width: 800px;height: 300px"></textarea>
    <div class="btn">
        <!-- <button>提交</button> -->
    </div>
    <ul class="msg"></ul>
    <script>
        let btn=document.querySelector("textarea"),//获得button元素改textarea
            textArea=document.querySelector("textarea"),
            msg=document.querySelector(".msg");
        btn.onclick=function(){
            if(textArea.value){
                msg.innerHTML+="<li class='msglist'>"+textArea.value+"</li>";//将标签信息添加到ul中
                textArea.value="";//清空输入框
            }else{
                // alert("你尚未输入信息,请重新输入")
            }
        }


            function copyText() {
        var text = document.getElementById("text").innerHTML;
        var text1 = document.getElementById("dateTime").innerHTML;
        var text2 = document.getElementById("text2").innerHTML;
        var input = document.getElementById("input");

        input.value = text1+text+textArea.value+text2;
        input.select();//选中文本
        document.execCommand("copy");
        alert("复制成功："+text1+text+textArea.value+text2);
    }








        Date.prototype.format = function (fmt) {
            var o = {
                "y+": this.getFullYear, //年
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds() //秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }
        setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy年MM月dd日');", 1000);
    </script>
 <button onclick="copyText()" style="font-size: 100px;width: 800px;height: 300px ">点击复制</button>
    <h1 id="dateTime"></h1>
    <div class="wrapper">
       <p id="text">，经现场基本巡检核查，核查结果给各位领导汇报：
大厅硬件设备：取号机，窗口屏、立柱屏、超级柜台、多媒体交互终端、自助照相机、自助办一体机、机器人、LED大屏、平板电视大屏均正常开机，显示界面正常；
大厅软件系统：多媒体交互系统、预约排队叫号系统、蔡慧办小程序、电子范例系统、24小时收发件终端系统、云桌面系统、大厅监控系统、大厅管理系统、政务数据可视化展示系统，均可正常登入系统。
</p>
       <p id="text2">
若在使用中发现具体问题，请及时联系，我们会第一时间跟进处理。</p>
       <textarea id="input">组件</textarea>
       
    </div>

</body>
<!-- <script type="text/javascript">
    function copyText() {
        var text = document.getElementById("text").innerHTML;
        var text1 = document.getElementById("dateTime").innerHTML;
        var input = document.getElementById("input");
        input.value = text1+text+textArea.value;
        input.select();//选中文本
        document.execCommand("copy");
        alert("复制成功！");
    }
</script> -->
</html>